<template>
        <div class="rt">
              <el-popover
                placement="left-end"
                width="245"
                trigger="hover"
                popper-class="removepadding"
               >
                      <div style="padding:12px;">
                        <div class="contract">
                          <span> <i class="iconkefu iconfont" ></i>联系我们</span>
                        </div>
                        <div class="avatarDetail">
                          <p>公司：江苏斯诺物联科技有限公司</p>
                          <p>电话：0511-81882550</p>
                          <p>网站：<a href="http://www.logidelta.com" target="_blank">www.logidelta.com</a></p>
                          <p>Email：hr@vip56.cn</p>
                          <p>地址：江苏省镇江市京口区丁卯经十二路智慧大道470号镇江科技园A座研发楼706</p>
                        </div>
                      </div>
                <div class="kefuContainer" slot="reference">
                  <i class="iconkefu iconfont" ></i>
                </div>
                
              </el-popover>
        </div>
</template>

<script lang="ts">
import { Vue, Component } from "vue-property-decorator";
import store from "@/vuex/index";
@Component({
  components: {}
})
export default class companyInfo extends Vue {

  created() {
  }

}
</script>
<style lang="scss" scoped>
.kefuContainer{
    width:45px;
    height:45px;
    position:fixed;
    bottom:80px;
    right:10px;
    z-index:999;
    background:#3563C5;
    padding:10px;
    text-align: center;
    border-radius: 50%;
    i{
      font-size:22px;
    }
}
.smallAvatar{
      width:31px;
      height:31px;
      border:1px solid #ddd;
      border-radius: 50%;
      padding:1px;
      margin-right:10px;
   }
.contract{
  text-align: center;
  color:#3563C5;
  padding-bottom:5px;
  border-bottom: 1px solid #E3E7EF;
  .iconkefu{
    margin-right:3px;
  }
}
.avatarDetail{
  font-size:12px;
}
</style>
